<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="appen">
    appen
</div>
<div class="content">
    content
</div>


<script type="text/javascript" src="../js/jquery-3.1.0.js"></script>
<script type="text/javascript">
//    $("body").append("<div>append div</div>")//增加节点 在body增加的，一般都是在最后面添加
    $(".appen").append("<div>append div</div>")//增加节点 在class=appen后，
    $("<div id='div_appendTo'>append to div(class=content) </div>").appendTo($(".content"));//增加到在class=content的后面。

    $(".appen").prepend("<div>prepend div</div>");//往前增加 节点

    $("<div id='div_prependTo'>prepend to div(class=content)</div>").prependTo($(".content"));//增加在class=content的前面
    $("<hr>").prependTo("#div_prependTo")
</script>
</body>
</html>